@CHARSET "UTF-8";

/******************************************
  Horizontal Bar Sample
  Specification file: horizontal-button
 ******************************************/

/*
 * Each link of the site navigation is organized into rows/colomns using a table.
 * This style applies to the table.
 */
.hbutton_table {
	border-style: none;
	padding: 1px;
}

/*
 * This style applies to the body in the table.
 */
.hbutton_table_body {
	border-style: none;
	padding: 1px;
}

/*
 * This style applies to the row in the table.
 */
.hbutton_table_row {
	border-style: none;
	padding: 1px;
}

/*
 * This style applies to each cell in the table.
 */
.hbutton_cell_normal {
 	padding-top: 2px;
    padding-bottom: 3px;
	border-style:solid;
	border-width:1px;
	background-color: #F1F1F1;
	border-right-color: #828DAF;
	border-bottom-color: #828DAF;
	border-top-color: #eeeeee;
	border-left-color: #eeeeee;
}

/*
 * This style applies to the cell which contains a link to current page.
 */
.hbutton_cell_self {
    padding-top: 2px;
    padding-bottom: 3px;
	border-style:solid;
	border-width:1px;
	background-color: #6699CC;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-top-color: #666666;
	border-left-color: #666666;
}

/*
 * This style applies to the cell which represents a group.
 */
.hbutton_cell_group {
    padding-top: 2px;
    padding-bottom: 3px;
	border-width:1px;
	border-style:solid;
	background-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-top-color: #999999;
	border-left-color: #999999;
}

/*
 * This style applies to each item in the cell. (e.g., to the <a> tag)
 */
.hbutton_item_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
    font-size: 11px;
	text-transform: lowercase;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	padding : 4px;
}

/*
 * This style applies to the item which links to current page. (e.g., to the <a> tag)
 */
.hbutton_item_self {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
    font-size: 11px;
	text-transform: lowercase;
	padding-left: 3px;
	padding-right: 3px;
	padding : 4px;
        
}

/*
 * This style applies to the item which displays a group name. (e.g., to the <span> tag)
 */
.hbutton_item_group {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
    font-size: 11px;
	text-transform: uppercase;
	padding-left: 3px;
	padding-right: 3px;
	padding : 4px;
}


